<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小微升级进件</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">
    <link rel="stylesheet" href="/css/agency/enterprise/wechat_mch_info.css">
    <style>
        .describe_ul{
            z-index: 10;
        }
        .scene .scene_ul{
            display: none;
            position: absolute;
             bottom: 3rem;
            left: 0.5rem;
            width: 95%;
            margin: 0;
            padding: 0;
            background: #f5f5f5;
            border: 1px solid #b4b4b4;
            list-style: none;
            border-bottom: none;
        }
        .scene li{
            padding: 0.2rem 0.4rem;
        }
    </style>
</head>
<body>

<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <header class="bar bar-nav" >
            <a href="#" onclick="window.history.back(); return false;" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <div class="content">
            <form class="wx_form">
                <input type="hidden" id="wxMchId" name="id" value="" th:value="${info.id}">
                <input type="hidden" id="userId" name="userId" value="" th:value="${info.userId}">
                <input type="hidden" id="sub_mch_id" name="sub_mch_id" value="" th:value="${info.sub_mch_id}">

                <!--提示信息-->
                <div class="tisShi" th:if="${#strings.isEmpty(info.sub_mch_id)}">
                    <p><span>小微商户进件成后才能进行升级进件!!!</span></p>
                </div>

                <!--经营信息开始-->
                <div class="management public">
                    <div class="describe subject">
                        <label>主体类型:</label>
                        <input type="hidden" name="organization_type" th:value="${info.organization_type}"/>
                        <span>选择类型</span>
                        <ul class="describe_ul">
                            <li value="2">企业</li>
                            <li value="4">个体工商户</li>
                            <li value="3">党政、机关及事业单位</li>
                            <li value="1708">其他组织</li>
                        </ul>
                    </div>
                </div>

                <div class="management_img">
                    <div class="qualifications face_upload">
                        <input name="business_license_copy" keyName="business_license_copy" th:value="${info.business_license_copy}" class="file_input_value" type="hidden" value="">
                        <!--  装图片的盒子-->
                        <div class="upload_img" id="bu_img">
                            <img/>
                        </div>
                        <!-- 选择图片-->
                        <div class="filePicker  upload_btn" id="bu_upload"></div>
                        <!--  图片的类别-->
                        <span>营业执照扫描件</span>
                    </div>
                </div>

                <div class="management public">
                    <div>
                        <label style="font-size: 20px; font-weight: 500;color: #0a8ddf">经营信息</label>
                    </div>
                    <div>
                        <label>营业执照注册号:</label>
                        <input type="text" name="business_license_number" placeholder="输入营业执照注册号" th:value="${info.business_license_number}"/>
                    </div>
                    <div>
                        <label>商户名称:</label>
                        <input type="text" name="merchant_name" placeholder="输入商户名称" th:value="${info.merchant_name}"/>
                    </div>
                    <div>
                        <label>注册地址:</label>
                        <input type="text" name="company_address" placeholder="输入注册地址" th:value="${info.company_address}"/>
                    </div>
                    <div>
                        <label>经营者姓名或法定代表人:</label>
                        <input type="text" name="legal_person" placeholder="输入经营者姓名或法定代表人" th:value="${info.legal_person}"/>
                    </div>
                    <div>
                        <label>营业期限:</label>
                        <input type="text" name="business_time" placeholder="输入营业期限" th:value="${info.business_time}"/>
                    </div>
                </div>
                <!--经营信息结束-->

                <!--提示信息-->
                <div class="tisShi">
                    <p><span>注意:</span>若营业执照上的营业执照注册号为18位统一社会信用代码，请选择“已三证合一”，否则请选择“未三证合一”</p>
                </div>
                <!--类容-->
                <div class="management public">
                    <div class="describe B_license">
                        <label>营业执照类型:</label>
                        <input type="hidden" name="business_licence_type" th:value="${info.business_licence_type}"/>
                        <span>选择类型</span>
                        <ul class="describe_ul">
                            <li value="1762">已三证合一</li>
                            <li value="1763">未三证合一</li>
                        </ul>
                    </div>
                </div>

                <!--提示信息-->
                <div class="tisShi">
                    <p><span>注意商户简称:</span>将在支付完成页向买家展示，需与微信经营范围相关</p>
                </div>
                <!--类容-->
                <div class="management public">
                    <div>
                        <label>商户简称 :</label>
                        <input type="text" name="merchant_shortname" placeholder="输入商户简称" th:value="${info.merchant_shortname}"/>
                    </div>
                </div>

                <!--提示信息-->
                <div class="tisShi">
                    <p><span>注意:</span>详细参见下发的费率结算规则对照表</p>
                </div>
                <!--类容-->
                <div class="management public">
                    <div>
                        <label>费率结算规则ID:</label>
                        <input type="text" name="business" placeholder="输入费率结算规则ID" th:value="${info.business}"/>
                    </div>
                </div>

                <div class="management public">
                    <div class="describe scene">
                        <label>经营场景:</label>
                        <input type="hidden" name="business_scene" th:value="${info.business_scene}"/>
                        <span>选择经营场景</span>
                        <ul class="scene_ul">
                            <li value="[1721]">线下</li>
                            <li value="[1837]">公众号</li>
                            <li value="[1838]">小程序</li>
                            <li value="[1724]">APP</li>
                            <li value="[1840]">PC网站</li>
                        </ul>
                    </div>
                </div>

                <!--进件提交开始-->
                <div class="submission" sec:authorize="hasRole('AGENCY_MANAGER')">
                    <span class="temporary_storage">暂存</span>
                    <span class="preservation">提交进件</span>
                </div>
                <!--进件提交结束-->
            </form>
        </div>
    </div>

    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/js/util/upload.js"></script>
    <script type="text/javascript" src="/js/enterprise/wechat_mch_Upgrade_info.js"></script>


</div>

</body>
</html>

